<template>
  <app-dialog class="user-detail-dialog" v-model="show" width="1000px" title="会员详情" @open="handleOpen">
    <app-desc v-for="group in infos" :title="group.title" :gap="16" :column="group.column">
      <app-desc-item
        :label="item.label"
        :value="item.value"
        v-for="item in group.data"
        :grid-column="item.gridColumn"
      />
    </app-desc>

    <template #footer>
      <el-button type="primary" @click="show = false">确定</el-button>
    </template>
  </app-dialog>
</template>
<script setup>
import { onMounted } from "vue"

const show = defineModel({ type: Boolean })
const emits = defineEmits(['change'])
const props = defineProps({
  data: Object,
  platformObj: Object
})

const sporttypeMap = ref({
  all: "不限",
  soccer: "足球",
  basketball: "篮球"
})

const infos = computed(() => {
  const { data } = props
  return [
    {
      title: '基础信息',
      column: 4,
      data: [
        { label: '会员ID：', value: data.id },
        { label: '账号：', value: data.user_name },
        { label: '密码：', value: data.pass_word },
        // { label: '类型：', value: { 1: '代理', 0: '平台' }[data.user_type] },
        { label: '平台名称：', value: props.platformObj[data.bc_type].name  },
        { label: '来源：', value: data.source?.name },
        { label: '成数：', value: data.percent },
        { label: '代理IP：', value: data.proxy_ip.ip, gridColumn: '1/3' },
      ],
    },
    {
      title: '账面信息',
      column: 4,
      data: [
        { label: '货币：', value: data.money?.money_name },
        { label: '汇率：', value: data.money?.exchange_rate },
        { label: '当前利润：', value: data.member_profit },
        { label: '玩法类型：', value: sporttypeMap.value[data.sport_type] },
        { label: '止盈金额：', value: data.stop_amount },
        { label: '信用额度：', value: data.amount },
        { label: '当前额度：', value: data.now_amount },
      ],
    },
    {
      title: '足球限额信息',
      column: 3,
      data: [
        // 单场最高   单注最高
        { label: '让球、大小、单双'},
        { label: '单场最高：', value: data.user_balance.soccer_settings?.R.max || '--' },
        { label: '单注最高：', value: data.user_balance.soccer_settings?.R.min || '--' },
        { label: '滚球让球、滚球大小、滚球单双'},
        { label: '单场最高：', value: data.user_balance.soccer_settings?.RE.max || '--' },
        { label: '单注最高：', value: data.user_balance.soccer_settings?.RE.min || '--' },
        { label: '独赢、滚球独赢'},
        { label: '单场最高：', value: data.user_balance.soccer_settings?.M.max || '--' },
        { label: '单注最高：', value: data.user_balance.soccer_settings?.M.min || '--' },
        { label: '其他'},
        { label: '单场最高：', value: data.user_balance.soccer_settings?.DT.max || '--' },
        { label: '单注最高：', value: data.user_balance.soccer_settings?.DT.min || '--' },
        { label: '滚球其他'},
        { label: '单场最高：', value: data.user_balance.soccer_settings?.RDT.max || '--' },
        { label: '单注最高：', value: data.user_balance.soccer_settings?.RDT.min || '--' },
      ],
    },
    {
      title: '篮球限额信息',
      column: 3,
      data: [
        // 单场最高   单注最高
        { label: '让球、大小、单双'},
        { label: '单场最高：', value: data.user_balance.basketball_settings?.R.max || '--' },
        { label: '单注最高：', value: data.user_balance.basketball_settings?.R.min || '--' },
        { label: '滚球让球、滚球大小、滚球单双'},
        { label: '单场最高：', value: data.user_balance.basketball_settings?.RE.max || '--' },
        { label: '单注最高：', value: data.user_balance.basketball_settings?.RE.min || '--' },
        { label: '独赢、滚球独赢'},
        { label: '单场最高：', value: data.user_balance.basketball_settings?.M.max || '--' },
        { label: '单注最高：', value: data.user_balance.basketball_settings?.M.min || '--' },
        { label: '其他'},
        { label: '单场最高：', value: data.user_balance.basketball_settings?.DT.max || '--' },
        { label: '单注最高：', value: data.user_balance.basketball_settings?.DT.min || '--' },
      ],
    },
    {
      title: '只玩哪些联赛',
      column: 1,
      data: [
        {
          label: '',
          value:
            Object.keys(data.place_league)
              .map(key => data.place_league[key].league)
              .join('、') || '无',
        },
      ],
    },
    {
      title: '不玩哪些盘口',
      column: 1,
      data: [
        { label: '【热门】', value: data.no_place_pk_key_ch?.hot?.join('、') || '无' },
        { label: '【让球大小】', value: data.no_place_pk_key_ch?.other?.join('、') || '无' },
        { label: '【角球】', value: data.no_place_pk_key_ch?.corner?.join('、') || '无' },
        // { label: '【罚牌】', value: data.id },
      ],
    },
  ]
})

const handleOpen = () => {
  console.log(props.data);
  
}
</script>
<style lang="scss">
.user-detail-dialog {
  .app-dialog__body {
    padding: 24px;
  }
}
</style>
